<!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
<template>
  <view>
    <view class="uni-title uni-common-pl">
      输入区域高度自适应，不会出现滚动条
    </view>
    <view class="uni-textarea">
      <textarea @blur="bindTextAreaBlur" auto-height />
    </view>
    <view class="uni-title uni-common-pl">占位符字体是红色的textarea</view>
    <view class="uni-textarea">
      <textarea
        placeholder-style="color:#F76260"
        placeholder="占位符字体是红色的"
      />
    </view>
  </view>
</template>
<script>
  export default {
    data() {
      return {};
    },
    methods: {
      bindTextAreaBlur: function (e) {
        console.log(e.detail.value);
      },
    },
  };
</script>

<style></style>
